<template>
  <div>
    <div class="box">
      <el-form>
        <el-row>
          <el-col :span="6">
            <el-form-item label="班级：">
              <el-input placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="课程：">
              <el-input placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="老师：">
              <el-input placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="周期：">
              <el-input placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item>
              <el-button type="primary">
                <icons name="search"></icons>
                搜索
              </el-button>
              <el-button>
                <icons name="reset"></icons>重置
              </el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="container">
      <el-button type="primary" style="margin-bottom: 10px">+ 新增计划</el-button>
      <el-table border style="width: 100%">
        <el-table-column prop="date" label="上课时间" width="180" align="center" header-align="center" />
        <el-table-column prop="name" label="课程" width="180" align="center" header-align="center" />
        <el-table-column prop="name" label="班级名称" width="180" align="center" header-align="center" />
        <el-table-column prop="name" label="上课老师" width="130" align="center" header-align="center" />
        <el-table-column prop="name" label="类型" width="130" align="center" header-align="center" />
        <el-table-column prop="name" label="教室" width="130" align="center" header-align="center" />
        <el-table-column prop="name" label="上课情况" width="180" align="center" header-align="center" />
        <el-table-column prop="address" label="操作" align="center" header-align="center">
          <template #default="{ row }">
            <el-button type="text">编辑</el-button>
            <el-button type="text">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, reactive, ref } from "vue";
import useCurrentInstance from "@/utils/useCurrentInstance";
import { ElMessage } from 'element-plus';
export default defineComponent({
  setup(props) {
    const { proxy } = useCurrentInstance()
    return {}
  }
})
</script>
<style></style>
